<script lang="js" setup>

</script>
<template>
    <!--头部组件容器-->
    <div class="top-header">
        <dv-decoration-8 class="dv-decoration-8" />
        <dv-decoration-5 class="dv-decoration-5"/>
        <dv-decoration-8 :reverse="true" class="dv-decoration-8-reverse"/>
        <div class="dv_title">全国大学生考研数据分析与可视化</div>
    </div>

</template>
<style lang="css" scoped>
    .top-header{
        width:100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        padding: 20px;
    }
    .dv-decoration-8,.dv-decoration-8-reverse{
        width: 25%;
        height: 60px;
        
    }
    .dv-decoration-5{
        width: 40%;
        height: 60px;
        margin-top: 30px;
    }
    .dv_title{
        position: absolute;
        left: 35%;
        top:10px;
        font-size: 35px;
        font-weight: bold;

    }
</style>